import React, { Component, useState, useEffect } from 'react';
import { Card, Table } from 'antd';
import { PageContainer } from '@ant-design/pro-layout';
import { connect } from 'dva';
function detail(props) {
  console.log(props);
  const maintenanceId = props.match.params;
  console.log(maintenanceId);
  useEffect(() => {
    props.dispatch({
      type: 'repair/detailRepair',
      dataForm: maintenanceId,
    });
  }, []);
  const title = (
    <PageContainer
      header={{
        title: '车辆维修详情',
      }}
    ></PageContainer>
  );
  const columns = [
    {
      title: '维修编号',
      dataIndex: 'maintenanceId',
      key: 'maintenanceId',
      // width: '10%',
    },
    {
      title: '维修部分',
      dataIndex: 'maintenancePart',
      key: 'maintenancePart',
      // width: '10%',
    },
    // {
    //   title: '维修开始时间',
    //   dataIndex: 'maintenanceBeginTime',
    //   key: 'maintenanceBeginTime',
    //   render: (text) => <span>{text?text.slice(0,10):'null'}</span>,
    //   width: '15%',
    // },
    // {
    //   title: '维修结束时间',
    //   dataIndex: 'maintenanceEndTime',
    //   key: 'maintenanceEndTime',
    //   render: (text) => <span>{text?text.slice(0,10):'null'}</span>,
    //   width: '15%',
    // },
    // {
    //   title: '维修费用',
    //   dataIndex: 'maintenanceCosts',
    //   key: 'maintenanceCosts',
    // },
    // {
    //   title: '创建时间',
    //   dataIndex: 'creatTime',
    //   key: 'creatTime',
    // },
  ];
  return (
    <Card title={title}>
      <Table columns={columns} dataSource={props.detailList}></Table>
    </Card>
  );
}
function mapStateToProps({ repair }) {
  console.log('23123');
  console.log(repair);
  return repair;
}
export default connect(mapStateToProps)(detail);
